﻿@import url("css_reset.css");
@import url(calendar.css);
@import url(thickbox.css);
@import url("template.css");
@import url("button.css");

/*--------------------- 中間div與功能層級css ----------------------------*/
#maindiv{
  padding:0px 10px 0px 16px;
}

#Subdiv{
  padding:0px 5px 0px 5px;
}


.nav
{
    width:100%;
    height:45px;
    background-image:url("../image/main-03.gif") ; 
    background-repeat:no-repeat;
    background-position:left center;
    vertical-align:middle;
    text-decoration:none;
    margin:0px auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 43px;
    display:table-cell;
}
.nav span
{
    height:100%; display:table-cell;
    vertical-align:middle;
    font-size: 17px;
}

.navsubtd
{
    border-bottom:1px solid #000;
    background-color:#ABDAEE;
    width:100%;
}

.navsub
{
    height:45px;
    text-decoration:none;
    margin:1px auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 43px;
    background-image:url("../image/main-03.gif") ; 
    background-repeat:no-repeat;
    background-position:left center;
    display:table-cell;
    vertical-align:middle;
   /* border-bottom:1px solid #000;
    background-color:#ABDAEE;*/
}
.navsub span
{
    height:100%; display:table-cell;
    vertical-align:middle;
    font-size: 17px;
}


/*---------------------  按扭div的css----------------------*/
.buttondiv
{
    width:100%;
    height:36px;
    text-decoration:none;
    background-image: url(../image/main-06.jpg);
    margin-right:10px;
    display:table;
}
.buttondiv span
{
    height:100%; display:table-cell;
    vertical-align:middle;
    text-align:right;
    padding-right:10px;
}

/*---------------------  按扭css(新增....等)----------------*/
.input-01 {
    font-size: 13px;
    color: #333;
    border: 1px solid #3B88C6;
    height: 23px;
    background-image: url(../image/icon1.gif);
    padding-top: 4px;
}
.input-OK {
    font-size: 13px;
    color: #000;
    border: 1px solid #CE2200;
    height: 23px;
    background-image: url(../image/icon2.gif);
    padding-top: 4px;
}
.input-no {
    font-size: 13px;
    color: #000;
    border: 1px solid #77AE02;
    height: 23px;
    background-image: url(../image/icon3.gif);
    padding-top: 4px;
}
.input-go {
    font-size: 13px;
    color: #FFF;
    border: 1px solid #5F697C;
    height: 23px;
    background-image: url(../image/icon4.gif);
    padding-top: 4px;
}


/*---------------------  列表時表格的css ----------------------*/
.tableData 
{
    border: 1 px solid #d6dde6;
    border-collapse: collapse;
    width:100%;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #333;
}

.tableData th
{
    border: 1px solid #789ac6;
    padding: 0.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    background-color: #FFF;
    text-decoration:none;
}

.tableData .hover
{
    cursor:default;
    background-color: #DFE7F2;
    color: #000000;
}

.tableData td
{
    border: 1px solid #789ac6;
    padding: 0.2em;
    font-size:13px;
    font-weight:normal;
    text-decoration:none;
}

.tableSub 
{
    border: 1 px solid #d6dde6;
    border-collapse: collapse;
    width:100%;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #333;
}

.tableSub th
{
    border: 1px solid #789ac6;
    padding: 0.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    background-color: #eee;
    text-decoration:none;
}

.tableSub td
{
    border: 1px solid #789ac6;
    padding: 0.2em;
    font-size:13px;
    font-weight:normal;
    text-decoration:none;
}

/*---------------------  換頁css -----------------------*/
.pager
{
    clear: both;
    color: #999999;
    line-height: 150%;
    margin: 0 0 5px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    top: 10px;
    left: 0px;
}

.pager span span
{
     color: #ff0000;
}

.pager a
{
    color: #999999;
    font-size: 15px;
    text-decoration:none;
}

.googleNavegationBar
{
    color: black;
    background-color:#f4faff; 
    font-family:Arial; 
    font-style:normal; 
    font-size:13px;  
    border: #CCCCCC 1px solid;
    padding: 5px 10px 5px 10px;
    margin:0px auto;
    height:30px;
}

.googleNavegationBar select
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

/*---------------------  填表時表格的css ----------------------*/
.tableUpd 
{
    border: 1px solid #789ac6;
    border-collapse: collapse;
    width:100%;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #333;
    padding: 0.2em;
}

.tableUpd th
{
    padding: 0.2em;
    border: 1px solid #789ac6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    background-color: #eee;
}

.tableUpd td
{
    padding: 0.2em;
    border: 1px solid #789ac6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    background-color: #FFF;
}

.tableUpdpart 
{
    border-spacing:1px;
    border:0px;
}

.tableUpdpart th
{
    font-family: Arial, Helvetica, sans-serif;
    color:#666;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
    text-decoration:none;
    padding:2px;
    border:0px;
}

.tableUpdpart td
{
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
    font-size:13px;
    font-weight:normal;
    line-height:20px;
    text-decoration:none;
    padding:2px;
    border:0px;
}

.bottom
{
    width:95%;
    display:table;
    padding:2px 2px 2px 2px;
}

.bottomcenter
{
    width:100%;
    display:table;
    padding:2px 2px 2px 2px;
    text-align:center;
}

/*---------------------  舊的css有用到的 ----------------*/
.a-letter-Red {
    
    font-size: 13px;
    color: #FF0000;
    text-decoration: none;
}

/*---------------------  舊的css -----------------------*/

.input-login-1 {
    
    font-size: 13px;
    background-color: #FFFFFF;
    height: 19px;
    width: 140px;
    border: 1px solid #999999;
}
.input-login-2 {
    
    font-size: 13px;
    background-color: #FFFFFF;
    height: 19px;
    width: 74px;
    border: 1px solid #999999;
}
.login-a {
    
    font-size: 13px;
    color: #666666;
    text-decoration: none;
}
.login-a:hover{
    color: #009900;
    text-decoration: underline;
}
.a01-13 {
    
    font-size: 13px;
    color: #666666;
}
.a01-13 a {
    font-weight: bold;
    text-decoration: none;
}
.a-letter {
    
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    text-decoration: none;
}
.a-letter:hover {
    
    line-height: 20px;
    color: #009966;
    text-decoration: underline;
}
.a-letter-1 {
    
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    text-decoration: none;
}
.a-letter-2 {
    
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    text-decoration: none;
    font-weight: bold;
}
.a-letter-888888 {
    
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    text-decoration: none;
}
.a-letter-888888:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.a-letter-ffffff {
    
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
}
.a-letter-ffffff:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.a-letter-Red:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.a-letter-Blue {
    
    font-size: 13px;
    color: #0033CC;
    text-decoration: none;
}
.a-letter-Blue:hover {
    
    color: #FFFFFF;
    text-decoration: none;
}
.a02-15 {
    
    font-size: 15px;
    color: #333333;
    text-decoration: none;
}
.a-day {
    background-image: url(../image/a46.gif);
    background-repeat: repeat-x;
    border: 1px solid #330000;
}

.a02-15-Red {
    
    font-size: 15px;
    color: #FF0000;
}
.a02-15-Blue {
    
    font-size: 15px;
    color: #0033CC;
}
.a03 {
    
    font-size: 15px;
    color: #999999;
    text-decoration: none;
}
.a03:hover {
    
    font-size: 15px;
    color: #006633;
    text-decoration: underline;
}
.a04 {
    
    font-size: 15px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}
/*
.top-a {
    font-size: 17px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    
}
.top-a:hover {
    color: #333333;
    text-decoration: none;
    background-color: #FFFFFF;
}
.top-b {
    
    font-size: 15px;
    color: #666666;
    text-decoration: none;
}
.top-b:hover {
    
    color: #FFFFFF;
    text-decoration: none;
    background-color: #999999;
}
.top-b {
    
    font-size: 15px;
    color: #666666;
    text-decoration: none;
}*/
#Layer1 .top-b a {
    
    font-size: 15px;
    color: #666666;
    text-decoration: none;
}
#Layer1 .top-b a:hover {
    
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
}
#Layer2 .top-b a {
    
    font-size: 15px;
    color: #666666;
    text-decoration: none;
}
#Layer2 .top-b a:hover {
    
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
}
#Layer3 .top-b a {
    
    font-size: 15px;
    color: #666666;
    text-decoration: none;
}
#Layer3 .top-b a:hover {
    
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
}#Layer4 .top-b a {
    
    font-size: 15px;
    color: #666666;
    text-decoration: none;
}
#Layer4 .top-b a:hover {
    
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
}
.b01 {
    
    font-size: 13px;
    color: #666666;
    text-decoration: none;
}
.a14 {
    background-image: url(../image/a14.gif);
    background-repeat: no-repeat;
} 
.dot_a14-3 {
    text-decoration: none;
    width:20px;
    line-height: 26px;
    margin-top: 2px;
    background-image: url(../image/a14-3.gif);
    background-repeat: no-repeat;
    height: 26px;
    float: left;
}

.b-print {
    background-image: url(../image/print.gif);
    background-repeat: no-repeat;
    width: 60px;
    float: left;
    padding-left: 20px;
    height: 14px;
    margin-top: 3px;
    text-decoration: none;
    line-height: 16px;
    font-size: 15px;
    color: #333333;
}
.b-print:hover {
    font-size: 15px;
    color: #FF0000;
    text-decoration: none;
}

.b-back {
    background-image: url(../image/collapse.png);
    background-repeat: no-repeat;
    width: 80px;
    float: right;
    height: 14px;
    margin-top: 3px;
    text-decoration: none;
    line-height: 16px;
    padding-left: 20px;
    font-size: 15px;
    color: #333333;
}
.b-back:hover {
    font-size: 15px;
    color: #FF0000;
    text-decoration: none;
}

.a02-15-a {
    
    font-size: 15px;
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

.a-input {
    font-weight: bold;
    color: #666666;
    background-color: #eeeeee;
    border: 1px solid #666666;
    height: 20px;
    top: 2px;
    bottom: 1px;
    cursor: auto;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
.a02-15-a:hover{

    
    font-size: 15px;
    color: #CC0000;
}
.a-table-a {
    background-color: #FFFFFF;
}
.a-table-a:hover {
    background-color: #99C2AD;
}
.a-table-b {
    background-color: #eeeeee;
    padding: 3px;
    border: 1px solid #CCCCCC;
}.table-01 {
    
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.b-input {
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 22px;
    top: 2px;
    bottom: 1px;
    cursor: auto;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-size: 13px;
    background-image: url(../image/a47.gif);
}
.b-input2 {
    font-weight: bold;
    color: #333333;
    border: 1px solid #AB9519;
    height: 22px;
    top: 2px;
    bottom: 1px;
    cursor: auto;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-size: 13px;
    background-image: url(../image/a47-1.gif);
}
.a-table-a1 {

    background-color: #EBEBEB;
}
.a-table-a1:hover {

    background-color: #99C2AD;
}
.select-I {
    height: 30px;
    width: 586px;
}
.block3 {
    width: 64px;
    float: right;
    border: 1px solid #a7b1be;
    background-color: #F4FAFF;
    margin-right: 10px;
    text-align: center;
    height: 22px;
    margin-top: 4px;
    margin-left: 4px;
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    line-height: 24px;
}
.block3 a {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
}

.block3 a:hover {
    font-size: 13px;
    color: #FF0000;
    text-decoration: none;
}

.a-title {
    font-size: 15px;
    color: #009966;
    text-decoration: none;
    line-height: 30px;
    font-weight: bold;
    margin-left: 12px;
}
